<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<!-- 需求：要求用户输入2数字 要求做加法操作，
		 同时要求展现  总数：加法的和  
		 要求：1.输入第二个数字时回车触发，
			   2.指定一个“计算”的按钮
		 -->
		 <div id="app">
			 数值1: <input type="text" v-model="num1" /><br>
			 数值2: <input type="text" v-model="num2" @keyup.enter="addNum" />
			 <button @click="addNum">计算</button><br>
			 总数: <span v-text="count"></span>
			 
			 
			  </div>

		
		 <script src="https://cdn.jsdelivr.net/npm/vue@2"></script>
		 <script>
			 const app = new Vue({
				 el: "#app",
				 data: {
					 num1: '',
					 num2: '',
					 count: ''
				 },
				 methods: {
					addNum(){
						this.count = parseInt(this.num1)  + parseInt(this.num2)
					}
				 }
			 })
		 </script>
	</body>
</html>
